<template>
    <div class="container">
        <add-shop></add-shop>
        <shop-list></shop-list>
        <my-shop></my-shop>
    </div>
</template>

<script>
import AddShop from './addShop.vue'
import MyShop from './myShop.vue'
import ShopList from './shopList.vue'

export default {
    components: {
        AddShop,
        MyShop,
        ShopList
    },
    data () {
        return {}
    }
}

</script>

<style scoped lang="scss">
.container {
    display: flex;
    width: 100%;
    height: 300px;
    border: 2px solid #e4393c;
}
</style>